﻿<!DOCTYPE html>
<html>
<head>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

	<!-- Stylesheets -->
	<link href="css/default.css" rel="stylesheet" type="text/css">

	<!-- Javascripts -->
	<script src="js/jquery.js"></script>
	<script src="js/cre-application.jquery.js"></script>
	<title>Creatision</title>
</head>
<body>
	<!-- MAIN CONTAINER -->
	<div id="cre_main_container">
		<!-- HEADER SECTION START -->
		<div id="cre_header">
			<!-- TOP SECTION IN HEADER -->
			<div id="cre_header_top">
				<!-- LOGO -->
				<div id="cre_header_top_logo"><img width="180" src="images/logo_creatision.png" /></div>
				<!-- TOP NAVIGATION -->
				<div id="cre_header_top_topnavi">
					<ul>
						<li class="first"><a href="#">Registrieren</a></li>
						<li><a href="#">Anmelden</a></li>
						<li class="facebook last"><a href="#">Anmelden</a></li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<!-- TOP HEADLINES -->
			<div id="cre_header_headlines">
				<div id="cre_header_headlines_intro">
					<h2 class="text-center">Erstelle eine <span class="font-weight-600">neue creatision.</span></h2>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<!-- HEADER SECTION END -->

		<!-- CONTENT BEGIN -->
		<div id="cre_content_wrapper">
			<div id="cre_content_inner">
				<div class="cre_content width-70">					
					<form method="" action="" enctype="multipart/form-data">
						<h3><span class="font-weight-600">my creatision name</span></h3>
						<p>Sehr geehrte Damen und Herren der Firma < wird ersetzt >, 
							hiermit frage ich folgendes bei Ihnen an:</p>
						<textarea></textarea>
						<p>Bitte lassen Sie mir ein verbindliches Angebot, inklusive Bedingungen und Lieferzeiten zukommen, indem Sie dem folgenden Link folgen. Falls Sie Rückfragen haben, senden Sie mir bitte über folgenden Link eine Nachricht. </p>

						<p>Ich freue mich sehr auf Ihre Nachricht und verbleibe, mit freundlichen Grüßen</p>
						<p>< Ihren Namen fügen wir gleich hinzu ></p>
						<div class="spacer"></div>

						<input type="button" value="Zurück" class="button left"></button>
						<input type="submit" value="Abschicken" class="button right red" />

					</form>
					</div>
					
				</div>

				<div class="cre_content width-30">
					<h3>Hersteller:</h3>
					<select multiple="multiple" class="multirows">
						<option>Zimmerei Lindhammer</option>
						<option>Schreinerei Maier</option>
					</select>
				</div>

				<div class="cre_content width-30">
					<h3>Angebote</h3>
					<p><strong>Synergy Solutions GmbH</strong></p>
					<div class="cre_transfer-options">
						<ul>
							<li><a href="#"><img src="images/transfer-option-mail.jpg" /></a></li>
							<li><a href="#"><img src="images/transfer-option-payment.jpg" /></a></li>
							<li><a href="#"><img src="images/transfer-option-communicate.jpg" /></a></li>
						</ul>
					</div>
					<div class="spacer dotted"></div>

					<p><strong>Zimmerei Mustermann</strong></p>
					<div class="cre_transfer-options">
						<ul>
							<li><a href="#"><img src="images/transfer-option-mail.jpg" /></a></li>
							<li><a href="#"><img src="images/transfer-option-payment.jpg" /></a></li>
							<li><a href="#"><img src="images/transfer-option-communicate.jpg" /></a></li>
						</ul>
					</div>
					<div class="spacer dotted"></div>

					<p><strong>Schreinerei Wagner</strong></p>
					<div class="cre_transfer-options">
						<ul>
							<li><a href="#"><img src="images/transfer-option-mail.jpg" /></a></li>
							<li><a href="#"><img src="images/transfer-option-payment.jpg" /></a></li>
							<li><a href="#"><img src="images/transfer-option-communicate.jpg" /></a></li>
						</ul>
					</div>
				</div>
				<div class="clear"></div>

			</div>
		</div>
		<!-- CONTENT END -->

		<!-- FOOTER BEGIN -->
		<div id="cre_footer_wrapper">
			<div id="cre_footer">
				<div id="cre_footer_copyright">&copy; 2012 creatision GmbH</div>
				<div id="cre_footer_navi">
					<ul>
						<li><a href="#">Impressum</a></li>
						<li><a href="#">FAQ</a></li>
						<li><a href="#">Kontakt</a></li>
						<li><a href="#">AGB</a></li>
						<li><a href="#">Datenschutz</a></li>
						<li><a href="#">Über creatision</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- FOOTER END -->

	</div>

	<div id="cre_overlay"></div>
</body>
</html>